<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="img/logo.png">
    <link href="css/swiper.min.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/util.css">
    <script> 
var _hmt = _hmt || []; 
(function() { 
var hm = document.createElement(“script”); 
hm.src = “//hm.baidu.com/hm.js?XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX”; 
var s = document.getElementsByTagName(“script”)[0]; 
s.parentNode.insertBefore(hm, s); 
})(); 
</script>
    <link rel="stylesheet" href="css/otherutil.css">
    <title>首页</title>
</head>
<body>
<div class="warp">
    <div class="header">

        <div class="header-left"><img src="img/other/logo2.png" height="80%" alt=""></div>

        <div class="header-right">
            <ul>
                <li><a href="javascript:void(0)">首页</a></li>

                <li><a href="javascript:void(0)">产品中心</a>
                    <ul>
                        <li><a href="html/product.html">餐宴网用户端餐宴网用户端</a></li>
                        <li><a href="html/product.html">餐宴网商家端</a></li>
                        <li><a href="html/product.html">餐宴网代理端</a></li>
                        <li><a href="html/product.html">餐宴网配送端</a></li>

                    </ul>
                </li>
                <li><a href="javascript:void(0)">新闻中心</a>
                    <ul>
                        <li><a href="html/news1.html">公司新闻</a></li>
                        <li><a href="html/news2.html">媒体报道</a></li>
                    </ul>
                </li>
                <li><a href="javascript:void(0)">关于我们</a>
                    <ul>
                        <li><a href="html/aboutus1.html">企业简介</a></li>
                        <li><a href="html/aboutus2.html">公司历程</a></li>
                        <li><a href="html/aboutus3.html">公司文化</a></li>


                    </ul>
                </li>
                <li><a href="javascript:void(0)">联系我们</a>
                    <ul>
                        <li><a href="html/contactus2.html">办公地址</a></li>
                        <li><a href="html/contactus1.html">联系方式</a></li>
                    </ul>
                </li>
                <span class="clearfloat"></span>
            </ul>
        </div>
    </div>
    <!--头部-->
    <div class="head">
        <!--<img src="img/2.jpg" alt="">-->
        <!-- <div class="logo">
             <img src="img/logo11.png" alt="logo">
         </div>-->
        <div class="fenge">
            <div class="fen fen-l"></div>
            <div>专为宴请而生</div>
            <div class="fen fen-r"></div>
            <span class="clearfloat"></span>
        </div>
        <div class="head-center">
            <div class="font">

                <div class="font-top">
                    开通省份
                </div>
                <div class="font-bottom">
                    <span>10</span>个
                </div>
            </div>
            <div class="font">
                <div class="font-top">
                    开通城市
                </div>
                <div class="font-bottom">
                    <span>10</span>个
                </div>
            </div>
            <div class="font">

                <div class="font-top">
                    开通省份
                </div>
                <div class="font-bottom">
                    <span>10</span>个
                </div>
            </div>
            <div class="font">

                <div class="font-top">
                    日均订单
                </div>
                <div class="font-bottom">
                    <span>10</span>万单
                </div>
            </div>
        </div>
    </div>
    <!--know-->
    <div class="know">
        <div class="fengge2">
            <div class="fn2"></div>
            <div class="font2">了解餐宴网</div>
            <div class="fn2"></div>
            <span class="clearfloat"></span>
        </div>
        <div class="video">
            <span class="pause"></span>
            <video class="videos" src="http://www.canyannet.com/videos/videos/1.mp4" controls="controls"
                   style=" width: 100%;height: 100%;"></video>
            <div class="mask">
                <span class="play"></span>
            </div>
        </div>
    </div>
    <!--简介部分-->
    <!-- <div class="abstract">
         <div class="fengge2">
             <div class="fn2"></div>
             <div class="font2">公司简介</div>
             <div class="fn2 "></div>
             <span class="clearfloat"></span>
         </div>
         <div class="abstract-container ">
             <div class="abstract-wrapper">
                 <div class="abstract-slide">
                     <p>餐宴网专为桌宴而生</p>
                     <p>平台成立于2017年06月22日</p>
                     <p>平台成立于2017年06月22日</p>
                     <p>平台成立于2017年06月22日</p>
                     <p>餐宴网专为桌宴而生</p>
                     <p>平台成立于2017年06月22日</p>
                     <p>平台成立于2017年06月22日</p>
                     <p>平台成立于2017年06月22日</p>
                 </div>
             </div>
         </div>
     </div>-->
    <!--公司历程-->
    <!-- <div class="course">
         <div class="fengge2">
             <div class="fn2"></div>
             <div class="font2">公司历程</div>
             <div class="fn2 "></div>
             <span class="clearfloat"></span>
         </div>
         &lt;!&ndash;轮播部分&ndash;&gt;
         <div class="swiper-container " id="banner1">
             <div class="swiper-wrapper banner1-w">
                 <div class="swiper-slide">Slide 1
                     <img src="img/other/cours1.png" alt="">
                     <p class="show">2017年12月12日&nbsp;餐宴网平台成立</p>
                 </div>
                 <div class="swiper-slide">
                     <img src="img/1.jpg" alt="">
                     <p class="show">2017年12月12日&nbsp;餐宴网平台成立</p>
                 </div>
                 <div class="swiper-slide">
                     <img src="img/2.jpg" alt="">
                     <p class="show">2017年12月12日&nbsp;餐宴网平台成立</p>
                 </div>
                 <div class="swiper-slide">
                     <img src="img/3.jpg" alt="">
                     <p class="show">2017年12月12日&nbsp;餐宴网平台成立</p>
                 </div>
                 <div class="swiper-slide">
                     <img src="img/4.jpg" alt="">
                     <p class="show">2017年12月12日&nbsp;餐宴网平台成立</p>
                 </div>

             </div>
             &lt;!&ndash;分页器&ndash;&gt;
             <div class="swiper-button-next"></div>
             <div class="swiper-button-prev"></div>

         </div>
     </div>-->
    <!--patent专利部分-->
    <div class="patent">
        <div class="fengge2">
            <div class="fn2"></div>
            <div class="font2">八项专利</div>
            <div class="fn2 "></div>
            <span class="clearfloat"></span>
        </div>
        <ul class="patent-imgs">

            <li>
                <img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>
            </li>
            <li>
                <img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>

            </li>
            <li>
                <img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>

            </li>
            <li><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>

            </li>
            <li><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>
            </li>
            <li><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>
            </li>
            <li><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>
            </li>

            <li><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>
            </li>
            <span class="clearfloat"></span>
        </ul>
    </div>
    <!--map-->
    <div class="map-warp">
        <div class="fengge2">
            <div class="fn2"></div>
            <div class="font2">餐宴分布</div>
            <div class="fn2 "></div>
            <span class="clearfloat"></span>
        </div>
        <div class="map">
            <div class="local">
                <div class="local-1"><p></p></div>
                <div class="local-1"><p></p></div>
                <div class="local-1"><p></p></div>
                <div class="local-1"><p></p></div>
                <div class="local-1"><p></p></div>
                <div class="local-1"><p></p></div>
                <div class="local-1"><p></p></div>
                <div class="local-1"><p></p></div>
                <div class="local-1"><p></p></div>
                <div class="local-1"><p></p></div>
                <div class="local-1"><p></p></div>
                <div class="local-1"><p></p></div>
                <div class="local-1"><p></p></div>
                <div class="local-1"><p></p></div>

            </div>
            <canvas id="canvas" width="876" height="639">


            </canvas>
        </div>
    </div>
    <!--轮播2部分-->
    <!-- <div class="say">
         <div class="fengge2">
             <div class="fn2" ></div>
             <div class="font2">他们说</div>
             <div class="fn2 " ></div>
             <span class="clearfloat"></span>
         </div>
         <div class="swiper-container" id="banner2">
             <div class="swiper-wrapper banner2-w">
                 <div class="swiper-slide"><img src="img/theysay.png" alt="" width="100%"></div>
                 <div class="swiper-slide"><img src="img/2.jpg" alt="" width="100%"></div>
             </div>
             &lt;!&ndash;分页器&ndash;&gt;
             <div class="swiper-button-prev"></div>
             <div class="swiper-button-next"></div>
         </div>
     </div>-->
    <!--入驻品牌-->
    <div class="into">
        <div class="fengge2">
            <div class="fn2"></div>
            <div class="font2">入驻品牌</div>
            <div class="fn2 "></div>
            <span class="clearfloat"></span>
        </div>
        <ul class="into-list">
            <li><img src="img/other/into1.png" alt=""></li>
            <li><img src="img/other/into2.png" alt=""></li>
            <li><img src="img/other/into5.png" alt=""></li>
            <li><img src="img/other/into4.png" alt=""></li>
            <li><img src="img/other/into3.png" alt=""></li>
            <li><img src="img/other/into2.png" alt=""></li>
            <li><img src="img/other/into1.png" alt=""></li>
            <li><img src="img/other/into3.png" alt=""></li>
            <li><img src="img/other/into4.png" alt=""></li>
            <li><img src="img/other/into5.png" alt=""></li>
            <li><img src="img/other/into2.png" alt=""></li>
            <li><img src="img/other/into3.png" alt=""></li>
            <li><img src="img/other/into4.png" alt=""></li>
            <li><img src="img/other/into5.png" alt=""></li>
            <li><img src="img/other/into2.png" alt=""></li>
            <li><img src="img/other/into3.png" alt=""></li>
            <li><img src="img/other/into3.png" alt=""></li>
            <li><img src="img/other/into3.png" alt=""></li>
            <li><img src="img/other/into3.png" alt=""></li>
            <li><img src="img/other/into3.png" alt=""></li>
            <span class="clearfloat"></span>
        </ul>
    </div>
    <!--footer-->
    <div class="footer">
        <div class="links">
            <div class="erweima">
                <img src="img/erweima2.png" alt="餐宴网APP" width="50%">
                <p class="er-first">开启餐宴网之路</p>
                <p>餐宴网APP，扫码下载</p>
            </div>
            <div class="erweima">
                <img src="img/erweima1.png" alt="餐宴网公众号" width="50%">
                <p class="er-first">掌握最新动态</p>
                <p>请关注公众号：餐宴网</p>
            </div>
            <div class="list-link">
                <ul class="lists">
                    <li><a href="javascript:void(0)">首页</a></li>

                    <li><a href="html/product.html">产品中心</a>
                        <ul>
                            <li><a href="html/product.html">餐宴网用户端</a></li>
                            <li><a href="html/product.html">餐宴网商家端</a></li>
                            <li><a href="html/product.html">餐宴网代理端</a></li>
                            <li><a href="html/product.html">餐宴网配送端</a></li>

                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">新闻中心</a>
                        <ul>
                            <li><a href="html/news1.html">公司新闻</a></li>
                            <li><a href="html/news2.html">媒体报道</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">关于我们</a>
                        <ul>
                            <li><a href="html/aboutus1.html">企业简介</a></li>
                            <li><a href="html/aboutus2.html">公司历程</a></li>
                            <li><a href="html/aboutus3.html">公司文化</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">联系我们</a>
                        <ul>
                            <li><a href="html/contactus2.html">办公地址</a></li>
                            <li><a href="html/contactus1.html">联系方式</a></li>
                        </ul>
                    </li>
                    <span style="clear: both;"></span>
                    <div class="tel">
                        <a href="javascript:void(0)">全国热线：400-022-5888</a>
                        <a href="javascript:void(0)">公司电话：022-68666666</a>
                    </div>
                </ul>

            </div>

        </div>
    </div>
    <p class="footer-last">©2018天津食健科技发展有限公司&nbsp;京公网安备110108020150408&nbsp;京ICP备：12043664号-5</p>
</div>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>

    $(function () {
        var city = {
            c: [{left: 625,top: 300,  name: "天津" ,rel:"总部", x: 625, y: 300},
                {left: 546,top: 270,  name: "呼和浩特", x: 546, y: 270},
                {left: 680,top: 295,  name: "大连", x: 680, y: 295},
                {left: 680,top: 450,  name: "宁波", x: 680, y: 450},
                {left: 565,top:570,  name: "中山", x: 565, y: 570},
                {left: 745,top: 160,  name: "哈尔滨", x: 745, y: 160},
                /*{top:-205,left: 265,name:"齐齐哈尔"},*/
                {left: 425,top: 456,  name: "绵阳", x: 425, y: 456},
                {left: 505,top: 380,  name: "西安", x: 505, y: 380},
                { left: 575,top: 570, name: "东莞", x: 575, y: 570},
                { left: 570,top: 573, name: "珠海", x: 570, y: 573},
                {left:177  ,top:187  ,name:"乌鲁木齐",x: 177 ,y:187},

                {left:622  ,top:340  ,name:"济南",x: 622 ,y:340},
                {left: 466 ,top:305  ,name:"银川",x:466  ,y:305},
                {left:606,top: 297 ,name:"廊坊",x: 606 ,y:297},
                ]
        }

        IEVersion();

        function IEVersion() {
            var userAgent = navigator.userAgent;
            var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;
            var isEdge = userAgent.indexOf("Edge") > -1 && !isIE;
            var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
            if (isIE) {
                var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
                reIE.test(userAgent);
                var fIEVersion = parseFloat(RegExp["$1"]);
                if (fIEVersion == 7) {
                    ie9Banner();
                } else if (fIEVersion == 8) {
                    ie9Banner();
                } else if (fIEVersion == 9) {
                    ie9Banner();
                } else if (fIEVersion == 10) {
                    banner1();
                    // banner2();
                } else {
                    ie9Banner();
                }
            } else if (isEdge) {
                banner1();
                banner2();//edge
            } else if (isIE11) {
                banner1();
                //banner2(); //IE11
            } else {
                banner1();
                //banner2();//不是ie浏览器
            }
        }

        init();
        $(window).resize(function () {
            init();
        });
        var canvas = document.getElementById("canvas");
        var ctx = canvas.getContext("2d");
        canvas.width=876;
        canvas.height=639;
        draw();
        mapinit(city);
        function draw() {
            for (var i = 0; i < city.c.length; i++) {
                var randmo = Math.random();
                var x = city.c[i].x;
                var y = city.c[i].y;
                var rand_x = -randmo * 40 + city.c[i].x + 10;
                var rand_y = randmo * 20 + city.c[i].y;
                var bigy = city.c[i].y + 5;
                var bottomy = rand_y + 10;
                if (city.c[i].name != "天津") {

                    ctx.beginPath();
                    ctx.moveTo(625, 300);
                    ctx.quadraticCurveTo(rand_x, rand_y, x, y);
                    ctx.lineTo(x + 3, bigy);
                    ctx.quadraticCurveTo(rand_x, bottomy, 625, 300);
                    ctx.fillStyle = "#f40";
                    ctx.strokeStyle = "#f40";
                   ctx.globalAlpha=0.9;
                    ctx.fill();
                    ctx.stroke();
                    ctx.closePath();

                    ctx.beginPath();
                    ctx.fillStyle="rgba(141,142,255,1)";
                    ctx.arc(x,y+2,7,0,2*Math.PI,false);
                    ctx.globalAlpha=1;
                    ctx.fill();

                    // ctx.beginPath();
                    // var grd=ctx.createRadialGradient(x,y+2,10,x,y,20);
                    // ctx.arc(x,y,20,0,2*Math.PI,false);
                    // grd.addColorStop(0,"#8D8EFF");
                    // grd.addColorStop(0.5,"white");
                    // grd.addColorStop(0.70,"#BAC3FF");
                    // grd.addColorStop(0.8,"white");
                    // grd.addColorStop(1,"#CAD8FF");
                    // ctx.globalAlpha=0.5;
                    // ctx.fillStyle=grd;
                    // ctx.fill();

                    ctx.closePath();

                }


            }
            for (var i = 0; i < city.c.length; i++){
                var x = city.c[i].x;
                var y = city.c[i].y;
                if (city.c[i].name != "天津") {
                    ctx.beginPath();
                    var grd = ctx.createRadialGradient(x, y + 2, 10, x, y, 20);
                    ctx.arc(x, y, 20, 0, 2 * Math.PI, false);
                    grd.addColorStop(0, "#8D8EFF");
                    grd.addColorStop(0.5, "white");
                    grd.addColorStop(0.70, "#BAC3FF");
                    grd.addColorStop(0.8, "white");
                    grd.addColorStop(1, "#CAD8FF");
                    ctx.globalAlpha = 0.5;
                    ctx.fillStyle = grd;
                    ctx.fill();
                    /*天津*/
                    /* ctx.beginPath();
                     var grd=ctx.createRadialGradient(625,300+2,10,625,300,20);
                     ctx.arc(625,300,15,0,2*Math.PI,false);
                     grd.addColorStop(0,"#e7e7e7");
                     // grd.addColorStop(0.5,"white");
                     // grd.addColorStop(0.70,"#BAC3FF");
                     // grd.addColorStop(0.8,"#F2FCFF");
                     grd.addColorStop(1,"#8D8EFF");
                     ctx.globalAlpha=0.5;
                     ctx.fillStyle=grd;
                     ctx.fill();
                      ctx.closePath();
                      */

                    ctx.beginPath();
                    ctx.fillStyle="#8D8EFF";
                    ctx.arc(625,300+2,10,0,2*Math.PI,false);
                    ctx.globalAlpha=1;
                    ctx.fill();
                    ctx.closePath();
                    ctx.beginPath();
                    ctx.fillStyle="#777";
                    ctx.font="normal normal 550 14px Microsoft YaHei";
                    ctx.globalAlpha=0.5;
                    ctx.fillText("总部",610,270,500);
                    ctx.closePath();
                }
            }
        }
      /*  canvas.addEventListener("click", function (e) {
            mx = e.pageX - $("#canvas").offset().left;
            my = parseInt(e.pageY - $("#canvas").offset().top);
            console.log("x:" + mx)
            console.log("y" + my)
        })*/
        function mapinit(city) {

            for (var i = 0; i < city.c.length; i++) {
                $(".local>div").eq(i).css({top: city.c[i].top + "px", left: city.c[i].left + "px"});
                $(".local>div").eq(i).children("p").text(city.c[i].name);
            }
        }

        //【视频播放控制
        var $v = $('video');
        $('.play').click(function () {
            $('.mask').css({display: 'none'});
            $('.videos').css({display: 'block'});
            $v[0].play();
        });
        var flag = true;
        $('video').click(function () {
            if (flag == true) {
                $v[0].pause();
                $('.pause').css({display: 'block'});
                flag = false;
            } else {
                $v[0].play();
                $('.pause').css({display: 'none'});
                flag = true;
            }
        })

        //ie轮播部分
        function ie9Banner() {
            var headw = $(".head").width();
            $(".head").css({height: headw * 0.35 + "px"})
            $(".head-center>.font").css({background: "#878585"})
            $('.say .swiper-slide').css({'position': 'absolute', top: '0', left: '0',});
            var index = 0;
            var length = $('.say .swiper-slide').length;
            $(".say .swiper-button-prev").click(function () {
                prev();
            });
            $(".say .swiper-button-next").click(function () {
                $('.say .swiper-slide').eq(index).siblings('.say .swiper-slide').fadeOut();
                $('.say .swiper-slide').eq(index).fadeIn("slow");
                index--;
                if (index < 0) {
                    index = length - 1;
                }
            });
            $('.say .swiper-wrapper').mouseover(function () {
                clearInterval(setinter);
            });
            $('.say .swiper-button-next').mouseover(function () {
                clearInterval(setinter);
            });
            $('.say .swiper-button-next').mouseleave(function () {
                setinter = setInterval(function () {
                    prev()
                }, 3000)
            });
            $('.say .swiper-button-prev').mouseover(function () {
                clearInterval(setinter);
            });
            $('.say .swiper-button-prev').mouseleave(function () {
                setinter = setInterval(function () {
                    prev()
                }, 3000)
            });
            $('.say .swiper-wrapper').mouseleave(function () {
                setinter = setInterval(function () {
                    prev()
                }, 3000)
            });
            var setinter = setInterval(function () {
                prev()
            }, 3000);

            function prev() {
                $('.say .swiper-slide').eq(index).fadeIn("slow").siblings('.say .swiper-slide').fadeOut()
                index++;
                if (index >= length) {
                    index = 0;
                }
            }

            //公司历程部分
            $('.course .swiper-slide').css({'position': 'absolute', top: '0', left: '0',});
            var index2 = 0;
            var length2 = $('.course .swiper-slide').length;
            $(".course .swiper-button-prev").click(function () {
                prev2();
            });
            $(".course .swiper-button-next").click(function () {
                $('.course .swiper-slide').eq(index2).siblings('.course .swiper-slide').fadeOut();
                $('.course .swiper-slide').eq(index2).fadeIn("slow");
                index2--;
                if (index2 < 0) {
                    index2 = length2 - 1;
                }
            });
            $('.course .swiper-wrapper').mouseover(function () {
                clearInterval(setinter2);
            });
            $('.course .swiper-button-next').mouseover(function () {
                clearInterval(setinter2);
            });
            $('.course .swiper-button-next').mouseleave(function () {
                setinter2 = setInterval(function () {
                    prev2()
                }, 3000)
            });
            $('.course .swiper-button-prev').mouseover(function () {
                clearInterval(setinter2);
            });
            $('.course .swiper-button-prev').mouseleave(function () {
                setinter2 = setInterval(function () {
                    prev2()
                }, 2000)
            });
            $('.course .swiper-wrapper').mouseleave(function () {
                setinter2 = setInterval(function () {
                    prev2()
                }, 2000)
            });
            var setinter2 = setInterval(function () {
                prev2()
            }, 3000);

            function prev2() {
                $('.course .swiper-slide').eq(index2).fadeIn("slow").siblings('.course .swiper-slide').fadeOut();
                $('.course .swiper-slide').eq(index2).fadeIn("slow");
                index2++;
                if (index2 >= length2) {
                    index2 = 0;
                }
            }
        }

        //【控制轮播图1部分
        function banner1() {
            var cont = $('.banner1-w').children().length
            if (cont > 1) {
                var mySwiper = new Swiper('#banner1', {
                    loop: true,
                    autoplay: true,
                    navigation: {
                        nextEl: '.swiper-button-next',//自动隐藏
                        prevEl: '.swiper-button-prev',//自动隐藏
                    },
                })
            } else {
                var mySwiper = new Swiper('#banner1', {
                    watchOverflow: true,
                    navigation: {
                        nextEl: '.swiper-button-next',//自动隐藏
                        prevEl: '.swiper-button-prev',//自动隐藏
                    },
                })
            }
        }

        //【控制轮播图2部分
        /* function banner2() {
             var cont = $('.banner2-w').children().length
             if (cont > 1) {
                 var mySwiper = new Swiper('#banner2', {
                     loop: true,
                     autoplay: true,
                     navigation: {
                         nextEl: '.swiper-button-next',//自动隐藏
                         prevEl: '.swiper-button-prev',//自动隐藏
                     },
                 })
             } else {
                 var mySwiper = new Swiper('#banner2', {
                     watchOverflow: true,
                     navigation: {
                         nextEl: '.swiper-button-next',//自动隐藏
                         prevEl: '.swiper-button-prev',//自动隐藏
                     },
                 })
             }
         }*/



    //【初始化
    function init() {
        var hader_font = $(".head-center>.font").width();
        $(".head-center>.font").css({height: hader_font + "px"});
        $(".head-center>.font>.font-bottom>span").css({"font-size":hader_font*0.3+"px"})
        $(".head-center>.font>.font-top").css({"font-size":hader_font*0.15+"px"})
        var h = $('#banner1').width();
        $('#banner1').css({height: h * 0.517 + 'px'})
        /* var banner2_w = $('#banner2').width();
         $('#banner2').css({height: banner2_w * 0.26 + 'px'})*/

        var video_w = $('.video').width();
        $('.video').css({height: video_w * 0.44 + 'px'})
        var patentimgs_w = $('.patent-imgs>li').width();
        $(".patent-imgs>li").css({height: patentimgs_w * 1.27 + "px"});
        var mapw = $('.map').width();
        var into_w = $('.into-list>li').width();
        $('.into-list>li').css({
            height: into_w * 0.47 + 'px'
        });


    }
    })

</script>
</html>